{% load static %}
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
	<!-- Your Basic Site Informations -->
	<title>职位预测</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta name="description" content="Enews is a news or magazine site template that built with very cool responsive template with clean design, fast load, seo friendly, beauty color and a slew of features." />
    <meta name="keywords" content="Site Template, News, Magazine, Portofolio, HTML, CSS, jQuery, Newsletter, PHP Contact, Subscription, Responsive, Marketing, Clean, SEO" />
    <meta name="author" content="Dots Theme" />
    
    <!-- Mobile Specific Meta -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    
    <!-- Stylesheets -->
    <link rel="stylesheet" href="/static/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/css/bootstrap-responsive.min.css">
    <link rel="stylesheet" href="/static/css/flexslider.css">
    <link rel="stylesheet" href="/static/css/prettyPhoto.css">
    <link rel="stylesheet" href="/static/css/style.css">
    <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Bitter' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
    
    <noscript><link rel="stylesheet" href="/static/css/no-js.css"></noscript> <!-- If JavaScript Disabled -->
    
    <!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->



    
    <!-- Favicons -->
	<link rel="shortcut icon" href="/static/images/favicon.ico">
	<link rel="apple-touch-icon" href="/static/images/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="/static/images/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="/static/images/apple-touch-icon-114x114.png">
    
    <!-- JavaScript -->
    <script type="text/javascript" src="/static/js/jquery-1.8.3.min.js"></script>
    <script type='text/javascript' src='/static/js/bootstrap.min.js'></script>
    <script type='text/javascript' src='/static/js/jquery.easing.js'></script>
    <script type='text/javascript' src='/static/js/jquery.flexslider-min.js'></script>
    <script type='text/javascript' src='/static/js/jflickrfeed.min.js'></script>
    <script type='text/javascript' src='/static/js/jquery.fitvids.min.js'></script>
    <script type='text/javascript' src='/static/js/jquery.lazyload.mini.js'></script>
    <script type='text/javascript' src='/static/js/jquery.prettyPhoto.js'></script>
    <script type='text/javascript' src='/static/js/jquery.placeholder.min.js'></script>
    <script type='text/javascript' src='/static/js/jquery.jticker.js'></script>
    <script type='text/javascript' src='/static/js/jquery.mobilemenu.js'></script>
    <script type='text/javascript' src='/static/js/jquery.isotope.min.js'></script>
    <script type='text/javascript' src='/static/js/jquery.hoverdir.js'></script>
    <script type='text/javascript' src='/static/js/modernizr.custom.js'></script>
    <script type="text/javascript" src="/static/js/main.js"></script>

</head>

<body>
<script>
    function detail(pageDetail) {
		$("#hidDetail").val(pageDetail);
		$("#frmAnalysisDetail").submit();
	}
    function paging(pageIndex) {
                //alert(pageIndex);
        //传递目标页页码
        $("#hidPageIndex").val(pageIndex);
        intoData('paging', pageIndex);
    }
</script>

 {% include 'top.html' %}

<div style="position: fixed;right: 0;bottom:0;width: 40px;height: 50%">

     <nav class="nav-pagination" id="uploadDataside" style="background-color:#3a3a3a;">
     </nav> <!-- End Nav-Pagination -->

</div>

  <div class="row-fluid">
   <div id="main" class="portofolio">
    {% include 'pathname.html' %}
       <div class="alert alert-success">
      <button type="button" class="close" data-dismiss="alert">&times;</button>
      <h4>信息!</h4>
           1.用户可以通过该功能直接搜索或通过关键词搜索。<strong></strong>
            <br/><br/>
            2.可以翻页浏览或直接打开某条职位信息。
      </div>
{#       <ul class="nav nav-tabs">#}
{#      <li class="active"><a href="#menu-1" data-toggle="tab" >关键词搜索</a></li>#}
{#      <li><a href="#menu-2" data-toggle="tab">填词搜索</a></li>#}
{#      <li><a href="#menu-2" data-toggle="tab">直接搜素</a></li>#}
{#      <li><a href="#menu-4" data-toggle="tab">Tab Menu 4</a></li>#}
{#     </ul>#}

<form name="form-search" method="post" action="#" style="margin: 0 0 20px 20px">
      <input type="text" name="search" id="searchContent" value="python" style="width:80%;height: 6%;font-size: 25px;margin: 0 auto;box-shadow: 5px 5px 8px #888;border-radius:10px;"/>
      <input type="button" id="searchButton" value="马上搜索" style="width:15%;height: 6%;font-size: 20px;box-shadow: 5px 5px 8px #888;"/>
     </form>
     <div class="tab-content">
      <div class="tab-pane active" id="menu-1" style="box-shadow: 5px 5px 8px #888;border-radius:20px;">
          {% include 'pick.html' %}
      </div>
         <div class="tab-pane" id="menu-2">
             <!-- Search Results -->
     <h2></h2>
     <form name="form-search" method="post" action="#" style="margin: 0 0 20px 20px">
      <input type="text" name="search" id="searchContent" value="python" style="width:80%;height: 6%;font-size: 25px;margin: 0 auto;box-shadow: 5px 5px 8px #888;border-radius:10px;"/>
      <input type="button" id="searchButton" value="马上搜索" style="width:15%;height: 6%;font-size: 20px;box-shadow: 5px 5px 8px #888;"/>
     </form>
     <p class="search-info">Displaying results 1-7 of <i>142</i></p>

     <div class="sep-border margin-bottom20"></div> <!-- Separator -->
         </div>
<br><br>

<script>
   intoData('education',['10']);
   $(document).ready(function(){

        $('#searchButton').click(function(){
            directSearch = $("#searchContent").val();
            intoData('directSearch',directSearch)
        })
    });
</script>

    </div> <!-- End Row-Fluid -->
   </div> <!-- End Main -->



  <div id="outContent">
  <form id="frmAnalysisDetail" action="/index/analysis/send" method="post">
    <input type="hidden" name="hidDetail" id="hidDetail" value="" />
            <table class="table table-bordered" style="padding: 15px;">
      <thead id="intoData">

      </thead>

    </table>

</form>


   <form id="frmAnalysis" action="/hide/ReckonJob/ReturnPick/" method="post" >
   <input type="hidden" name="hidPageIndex" id="hidPageIndex" value="" />
     <nav class="nav-pagination" id="uploadData">
     </nav> <!-- End Nav-Pagination -->
   </form>
  </div>

  
  </div> <!-- End Row-Fluid -->
 </div> <!-- End Container -->

{% include 'bottom.html' %}

</body>
</html>